<!DOCTYPE html>
<!-- saved from url=(0038)https://www.xgimi.com/en/support/index -->
<html
  class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <title>Support-XGIMI</title>
  <!-- Google Tag Manager -->
  <script type="text/javascript" async="" src="../public/analytics.js"></script>
  <script type="text/javascript" async="" src="../public/f.txt"></script>

  <script async="" src="../public/gtm.js"></script>
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-WMSHTH5');</script>
  <!-- End Google Tag Manager -->

  <!-- Global site tag (gtag.js) - Google Ads: 699771446 -->
  <script async="" src="../public/js"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'AW-699771446');
  </script>


  <!-- SEO -->

  <meta name="viewport" content="width=device-width">
  <meta name="keywords"
    content="Projector, H1, H1 by XGIMI, 1080P, Harman Kardon, XGIMI, 4K, Bluetooth Speaker, Android, Android OS">
  <meta name="description"
    content="Xgimi designs and manufactures high-quality screenless TV.The innovation of Xgimi offers a wide range of options for entertainments like movies at home.">
  <!-- END SEO -->

  <title ng-bind="site_title">Screenless TV | Chengdu Xgimi Technology Co.,Ltd.</title>
  <meta name="google-site-verification" content="CypE1FDHCZySxqXpZ3Hv9PuorhPi8FJKlvaHZgNvb8g">
  <link rel="stylesheet" href="../public/css">
  <link rel="stylesheet" href="../public/x-bs-vuetify.css">
  <link rel="stylesheet" href="../public/xgimi-website-v2.css">
  <link rel="stylesheet" href="../public/bootstrap.min.css">
  <link rel="stylesheet" href="../public/page.css">
  <script src="../public/jquery.min.js"></script>



  <script id="ze-snippet" src="../public/snippet.js"></script>

  <style type="text/css">
    @charset "UTF-8";

    /*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.9.2
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2020 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2020-05-13T13:55:37.023Z
 */
    @-webkit-keyframes cm-spin {
      0% {
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
      }

      100% {
        -webkit-transform: translateY(-50%) rotate(359deg);
        transform: translateY(-50%) rotate(359deg);
      }
    }

    @keyframes cm-spin {
      0% {
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
      }

      100% {
        -webkit-transform: translateY(-50%) rotate(359deg);
        transform: translateY(-50%) rotate(359deg);
      }
    }

    @font-face {
      font-family: "context-menu-icons";
      font-style: normal;
      font-weight: normal;
    }

    .context-menu-icon-add:before {
      content: "\EA01";
    }

    .context-menu-icon-copy:before {
      content: "\EA02";
    }

    .context-menu-icon-cut:before {
      content: "\EA03";
    }

    .context-menu-icon-delete:before {
      content: "\EA04";
    }

    .context-menu-icon-edit:before {
      content: "\EA05";
    }

    .context-menu-icon-loading:before {
      content: "\EA06";
    }

    .context-menu-icon-paste:before {
      content: "\EA07";
    }

    .context-menu-icon-quit:before {
      content: "\EA08";
    }

    .context-menu-icon::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 2em;
      font-family: "context-menu-icons";
      font-size: 1em;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      color: #2980b9;
      text-align: center;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);

      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .context-menu-icon.context-menu-hover:before {
      color: #fff;
    }

    .context-menu-icon.context-menu-disabled::before {
      color: #bbb;
    }

    .context-menu-icon.context-menu-icon-loading:before {
      -webkit-animation: cm-spin 2s infinite;
      animation: cm-spin 2s infinite;
    }

    .context-menu-icon.context-menu-icon--fa {
      display: list-item;
      font-family: inherit;
      line-height: inherit;
    }

    .context-menu-icon.context-menu-icon--fa::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: 2em;
      font-family: FontAwesome;
      font-size: 1em;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      color: #2980b9;
      text-align: center;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);

      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .context-menu-icon.context-menu-icon--fa.context-menu-hover:before {
      color: #fff;
    }

    .context-menu-icon.context-menu-icon--fa.context-menu-disabled::before {
      color: #bbb;
    }

    .context-menu-icon.context-menu-icon--fa5 {
      display: list-item;
      font-family: inherit;
      line-height: inherit;
    }

    .context-menu-icon.context-menu-icon--fa5 i,
    .context-menu-icon.context-menu-icon--fa5 svg {
      position: absolute;
      top: .3em;
      left: .5em;
      color: #2980b9;
    }

    .context-menu-icon.context-menu-icon--fa5.context-menu-hover>i,
    .context-menu-icon.context-menu-icon--fa5.context-menu-hover>svg {
      color: #fff;
    }

    .context-menu-icon.context-menu-icon--fa5.context-menu-disabled i,
    .context-menu-icon.context-menu-icon--fa5.context-menu-disabled svg {
      color: #bbb;
    }

    .context-menu-list {
      position: absolute;
      display: inline-block;
      min-width: 13em;
      max-width: 26em;
      padding: .25em 0;
      margin: .3em;
      font-family: inherit;
      font-size: inherit;
      list-style-type: none;
      background: #fff;
      border: 1px solid #bebebe;
      border-radius: .2em;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
      box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    }

    .context-menu-item {
      position: relative;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      padding: .2em 2em;
      color: #2f2f2f;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: #fff;
    }

    .context-menu-separator {
      padding: 0;
      margin: .35em 0;
      border-bottom: 1px solid #e6e6e6;
    }

    .context-menu-item>label>input,
    .context-menu-item>label>textarea {
      -webkit-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;
      user-select: text;
    }

    .context-menu-item.context-menu-hover {
      color: #fff;
      cursor: pointer;
      background-color: #2980b9;
    }

    .context-menu-item.context-menu-disabled {
      color: #bbb;
      cursor: default;
      background-color: #fff;
    }

    .context-menu-input.context-menu-hover {
      color: #2f2f2f;
      cursor: default;
    }

    .context-menu-submenu:after {
      position: absolute;
      top: 50%;
      right: .5em;
      z-index: 1;
      width: 0;
      height: 0;
      content: '';
      border-color: transparent transparent transparent #2f2f2f;
      border-style: solid;
      border-width: .25em 0 .25em .25em;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    /**
 * Inputs
 */
    .context-menu-item.context-menu-input {
      padding: .3em .6em;
    }

    /* vertically align inside labels */
    .context-menu-input>label>* {
      vertical-align: top;
    }

    /* position checkboxes and radios as icons */
    .context-menu-input>label>input[type="checkbox"],
    .context-menu-input>label>input[type="radio"] {
      position: relative;
      top: .12em;
      margin-right: .4em;
    }

    .context-menu-input>label {
      margin: 0;
    }

    .context-menu-input>label,
    .context-menu-input>label>input[type="text"],
    .context-menu-input>label>textarea,
    .context-menu-input>label>select {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .context-menu-input>label>textarea {
      height: 7em;
    }

    .context-menu-item>.context-menu-list {
      top: .3em;
      /* re-positioned by js */
      right: -.3em;
      display: none;
    }

    .context-menu-item.context-menu-visible>.context-menu-list {
      display: block;
    }

    .context-menu-accesskey {
      text-decoration: underline;
    }
  </style>
  <style type="text/css">
    .tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
      border: none;
      border-radius: 5px;
      background: #fff;
      -webkit-box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0);
      box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0)
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
      margin-top: 6px
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
      margin-right: 6px
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
      margin-left: 6px
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
      margin-bottom: 6px
    }

    .tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
      color: #8d8d8d
    }

    .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
      height: 6px;
      margin-left: -6px;
      width: 12px
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,
    .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
      height: 12px;
      margin-left: 0;
      margin-top: -6px;
      width: 6px
    }

    .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
      display: none
    }

    .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
      border: 6px solid transparent
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
      border-bottom-color: #fff
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
      border-left-color: #fff
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
      border-right-color: #fff
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
      border-top-color: #fff
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
      top: -6px
    }

    .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
      left: -6px
    }
  </style>
  <style type="text/css">
    /* This is the core CSS of Tooltipster */

    /* GENERAL STRUCTURE RULES (do not edit this section) */

    .tooltipster-base {
      /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      pointer-events: none;
      /* this may be overriden in JS for fixed position origins */
      position: absolute;
    }

    .tooltipster-box {
      /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
    }

    .tooltipster-content {
      /* prevents an overflow if the user adds padding to the div */
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      /* these make sure we'll be able to detect any overflow */
      max-height: 100%;
      max-width: 100%;
      overflow: auto;
    }

    .tooltipster-ruler {
      /* these let us test the size of the tooltip without overflowing the window */
      bottom: 0;
      left: 0;
      overflow: hidden;
      position: fixed;
      right: 0;
      top: 0;

    }

    /* ANIMATIONS */

    /* Open/close animations */

    /* fade */

    .tooltipster-fade {
      opacity: 0;
      -webkit-transition-property: opacity;
      transition-property: opacity;
    }

    .tooltipster-fade.tooltipster-show {
      opacity: 1;
    }

    /* grow */

    .tooltipster-grow {
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-backface-
    }

    .tooltipster-grow.tooltipster-show {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }

    /* swing */

    .tooltipster-swing {
      opacity: 0;
      -webkit-transform: rotateZ(4deg);
      -ms-transform: rotateZ(4deg);
      transform: rotateZ(4deg);
      -webkit-transition-property: -webkit-transform, opacity;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
    }

    .tooltipster-swing.tooltipster-show {
      opacity: 1;
      -webkit-transform: rotateZ(0deg);
      -ms-transform: rotateZ(0deg);
      transform: rotateZ(0deg);
      -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
      -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
      transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    }

    /* fall */

    .tooltipster-fall {
      -webkit-transition-property: top;
      transition-property: top;
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }

    .tooltipster-fall.tooltipster-initial {
      top: 0 !important;
    }

    .tooltipster-fall.tooltipster-show {}

    .tooltipster-fall.tooltipster-dying {
      -webkit-transition-property: all;
      transition-property: all;
      top: 0 !important;
      opacity: 0;
    }

    /* slide */

    .tooltipster-slide {
      -webkit-transition-property: left;
      transition-property: left;
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }

    .tooltipster-slide.tooltipster-initial {
      left: -40px !important;
    }

    .tooltipster-slide.tooltipster-show {}

    .tooltipster-slide.tooltipster-dying {
      -webkit-transition-property: all;
      transition-property: all;
      left: 0 !important;
      opacity: 0;
    }

    /* Update animations */

    /* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

    /* fade */

    @-webkit-keyframes tooltipster-fading {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes tooltipster-fading {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    .tooltipster-update-fade {
      -webkit-animation: tooltipster-fading 400ms;
      animation: tooltipster-fading 400ms;
    }

    /* rotate */

    @-webkit-keyframes tooltipster-rotating {
      25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
      }

      75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
      }

      100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      }
    }

    @keyframes tooltipster-rotating {
      25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
      }

      75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
      }

      100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
      }
    }

    .tooltipster-update-rotate {
      -webkit-animation: tooltipster-rotating 600ms;
      animation: tooltipster-rotating 600ms;
    }

    /* scale */

    @-webkit-keyframes tooltipster-scaling {
      50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    @keyframes tooltipster-scaling {
      50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    .tooltipster-update-scale {
      -webkit-animation: tooltipster-scaling 600ms;
      animation: tooltipster-scaling 600ms;
    }

    /**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

    /* .tooltipster-box */

    .tooltipster-sidetip .tooltipster-box {
      background: #565656;
      border: 2px solid black;
      border-radius: 4px;
    }

    .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
      margin-top: 8px;
    }

    .tooltipster-sidetip.tooltipster-left .tooltipster-box {
      margin-right: 8px;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-box {
      margin-left: 8px;
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-box {
      margin-bottom: 8px;
    }

    /* .tooltipster-content

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 6px 14px;
} */
    .tooltipster-sidetip .tooltipster-content {
      color: white;
    }

    /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

    .tooltipster-sidetip .tooltipster-arrow {
      overflow: hidden;
      position: absolute;
    }

    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
      height: 10px;
      /* half the width, for centering */
      margin-left: -10px;
      top: 0;
      width: 20px;
    }

    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
      height: 20px;
      margin-top: -10px;
      right: 0;
      /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
      top: 0;
      width: 10px;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
      height: 20px;
      margin-top: -10px;
      left: 0;
      /* same as .tooltipster-left .tooltipster-arrow */
      top: 0;
      width: 10px;
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
      bottom: 0;
      height: 10px;
      margin-left: -10px;
      width: 20px;
    }

    /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

    .tooltipster-sidetip .tooltipster-arrow-background,
    .tooltipster-sidetip .tooltipster-arrow-border {
      height: 0;
      position: absolute;
      width: 0;
    }

    /* .tooltipster-arrow-background */

    .tooltipster-sidetip .tooltipster-arrow-background {
      border: 10px solid transparent;
    }

    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
      border-bottom-color: #565656;
      left: 0;
      top: 3px;
    }

    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
      border-left-color: #565656;
      left: -3px;
      top: 0;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
      border-right-color: #565656;
      left: 3px;
      top: 0;
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
      border-top-color: #565656;
      left: 0;
      top: -3px;
    }

    /* .tooltipster-arrow-border */

    .tooltipster-sidetip .tooltipster-arrow-border {
      border: 10px solid transparent;
      left: 0;
      top: 0;
    }

    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
      border-bottom-color: black;
    }

    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
      border-left-color: black;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
      border-right-color: black;
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
      border-top-color: black;
    }

    /* tooltipster-arrow-uncropped */

    .tooltipster-sidetip .tooltipster-arrow-uncropped {
      position: relative;
    }

    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
      top: -10px;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
      left: -10px;
    }
  </style>
  <style type="text/css">
    /* Page */
    .octotree_sidebar input[type=checkbox] {
      opacity: 1 !important;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      clip: inherit !important;
      top: inherit !important;
    }

    .view-header input[type=checkbox] {
      position: relative !important;
      top: inherit !important;
      left: inherit !important;
      right: inherit !important;
      bottom: inherit !important;
    }

    /* Sidebar */
    .octotree_sidebar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: auto;
      width: 400px;
      background-color: #FFFFFF;
      overflow: hidden;
      z-index: 999991;
      -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .octotree .octotree_sidebar {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 16px 0px;
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
    }

    /* Toggle button */
    .octotree_toggle {
      position: fixed;
      top: auto;
      right: 0;
      bottom: 5px;
      left: auto;
      width: 30px;
      height: 30px;
      border-radius: 3px;
      background-color: rgba(52, 73, 94, 0.3);
      font-size: 15pt;
      color: white;
      text-align: center;
      line-height: 30px;
      cursor: pointer;
      z-index: 999992;
      transition: left 0.2s ease-in;
      -webkit-transition: left 0.2s ease-in;
      display: none;
    }

    .octotree .octotree_toggle {
      right: 365px;
    }

    .octotree .octotree_sidebar .view-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 400px;
      height: 36px;
      background: #F7F7F7;
      z-index: 999996;
    }

    .header-close,
    .liebao-ex-style-image-settings {
      cursor: pointer;
      position: relative;
    }

    .header-close:before,
    .liebao-ex-style-image-settings:before,
    .header-close:after,
    .liebao-ex-style-image-settings:after {
      content: "";
      position: absolute;
      opacity: 0;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-size: 100% 100%;
    }

    .header-close {
      margin-left: 5px;
      width: 26px;
      height: 26px;
      background-image: url();
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    .header-close:before {
      background: url();
    }

    .header-close:after {
      background: url();
    }

    .header-close:hover:before {
      opacity: 1;
    }

    .header-close:active:after {
      opacity: 1;
    }

    .header-title {
      width: 70px;
      height: 16px;
      font-size: 12px;
      font-family: MicrosoftYaHei;
      color: #3C3E40;
      line-height: 16px;
      margin-left: 60px;
    }

    .header-tools {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }

    .liebao-ex-style-image-settings {
      width: 26px;
      height: 26px;
      margin-right: 5px;
      margin-left: 5px;
      background: url();
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    .liebao-ex-style-image-settings:before {
      background: url();
    }

    .liebao-ex-style-image-settings:after {
      background: url();
    }

    .liebao-ex-style-image-settings:hover:before {
      opacity: 1;
    }

    .liebao-ex-style-image-settings:active:after {
      opacity: 1;
    }

    .liebao-ex-style-li-check,
    .liebao-ex-style-check-all {
      outline: none;
      width: 18px !important;
      height: 18px !important;
      background-color: #fff;
      border-radius: 50%;
      border: none;
      font-size: 0.8rem;
      padding: 0;
      -webkit-appearance: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: background-color ease 0.1s;
      transition: background-color ease 0.1s;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }

    .liebao-ex-style-li-check {
      position: absolute !important;
      bottom: 8px;
      right: 8px;
      z-index: 999999;
      pointer-events: none;
      background-color: transparent;
    }

    .liebao-ex-style-check-all {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      margin-right: 6px;
      border: 1px solid #B0B1B2;
    }

    .liebao-ex-style-check-all::after {
      background: transparent;
      outline: none;
      content: '';
      position: absolute;
      border: #D7D7D7 solid 2px;
      border-top: none;
      border-right: none;
      height: 5px;
      width: 9px;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-bottom: 1px;
    }

    .liebao-ex-style-li-check:checked::after {
      outline: none;
      content: '';
      position: absolute;
      background: transparent;
      border: 2px solid #ffffff;
      border-top: none;
      border-right: none;
      border-radius: none;
      height: 5px;
      width: 9px;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-top: 5px;
    }

    .liebao-ex-style-check-all:checked::after {
      outline: none;
      border: 2px solid #FFFFFF;
      content: '';
      position: absolute;
      background: transparent;
      border-top: none;
      border-right: none;
      height: 5px;
      width: 9px;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-bottom: 1px;
    }

    .liebao-ex-style-li-check:checked,
    .liebao-ex-style-check-all:checked {
      background-color: #F48000;
      border: none;
      outline: none;
    }

    .liebao_browser_imglst {
      height: auto;
      padding: 24px 28px 70px 28px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      overflow-x: hidden;
      overflow-y: overlay;
    }

    .liebao_style_ex_dm_sniffer_item {
      width: 160px;
      height: 120px;
      border: 1px solid #B0B1B2;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 24px;
      list-style: none;
      cursor: pointer;
      z-index: 999994;
    }

    .liebao_style_ex_dm_sniffer_item:nth-child(odd) {
      margin-right: 24px;
    }

    .liebao_style_ex_dm_sniffer_item:last-child {
      margin-right: auto;
    }

    .liebao_style_ex_dm_sniffer_image_holder {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 100%;
      text-align: center;
      overflow: hidden;
      border-radius: 8px;
      z-index: 999995;
    }

    .liebao_style_ex_dm_sniffer_image_holder:hover {
      overflow: visible;
    }

    .liebao_style_ex_dm_sniffer_image_holder img {
      max-width: 100%;
      position: relative;
      z-index: 999999;
    }

    .liebao_style_ex_dm_sniffer_image_holder:hover img {
      position: relative;
      -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
      background: #ffffff;
      z-index: 999999;
    }

    .liebao-ex-style-download-btn-cntr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 400px;
      height: 70px;
      background: #FFFFFF;
      border: none;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 999997;
    }

    .liebao-ex-style-download-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 40px;
      width: 340px;
      background: -webkit-gradient(linear, right top, left top, from(#FA6400), to(#FF8600));
      background: linear-gradient(270deg, #FA6400 0%, #FF8600 100%);
      border-radius: 8px;
      text-align: center !important;
      font-size: 14px;
      font-family: MicrosoftYaHei;
      color: #FFFFFF;
      text-align: center;
      line-height: 40px !important;
      z-index: 999997;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    .liebao-ex-style-download-btn:hover {
      background: -webkit-gradient(linear, right top, left top, from(#FF800B), to(#FF9903));
      background: linear-gradient(270deg, #FF800B 0%, #FF9903 100%);
      opacity: 1;
    }

    .liebao-ex-style-download-btn:active {
      background: -webkit-gradient(linear, right top, left top, from(#F0660A), to(#F38308));
      background: linear-gradient(270deg, #F0660A 0%, #F38308 100%);
      opacity: 1;
    }

    .liebao_browser_imglst::-webkit-scrollbar {
      width: 6px;
      height: 90px;
      border-radius: 4px;
      opacity: 0.5;
      color: #828282;
    }

    .context-menu-hover {
      background-color: #F48000 !important;
    }

    .context-menu-list {
      text-align: left;
    }

    .liebao_browser_imglst::-webkit-scrollbar-track-piece {
      background: rgba(79, 111, 127, 0);
    }

    .liebao_browser_imglst::-webkit-scrollbar-track:hover {
      background: rgba(78, 110, 125, 0.05);
    }

    .liebao_browser_imglst::-webkit-scrollbar-thumb {
      background-color: rgba(130, 130, 130, 0.5);
      border: 2px solid transparent;
      background-clip: padding-box;
      border-radius: 6px;
    }

    .liebao_browser_imglst::-webkit-scrollbar-thumb:hover {
      background-color: rgba(130, 130, 130, 0.7);
    }

    .tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
      border: 1px solid rgba(216, 216, 216, 0.2);
      -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    }

    .tooltipster-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important;
      padding: 0 !important;
      line-height: inherit !important;
      border-radius: 4px !important;
    }

    .liebao-ex-style-hover-btn-right-border {
      width: 1px;
      height: 24px;
      background: #ECECEC;
    }

    .liebao-ex-style-hover-btn {
      width: 88px;
      height: 64px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }

    .liebao-ex-style-hover-btn:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#FFF4E4), to(#FFF8E4)) !important;
      background: linear-gradient(180deg, #FFF4E4 0%, #FFF8E4 100%) !important;
      opacity: 1;
    }

    .liebao-ex-style-hover-btn .liebao-ex-style-img-save {
      width: 20px;
      height: 20px;
      margin-bottom: 6px;
      background-image: url();
    }

    .liebao-ex-style-hover-btn .liebao-ex-style-ocr-icon {
      width: 20px;
      height: 20px;
      margin-bottom: 6px;
      background-image: url();
    }

    .liebao-ex-style-hover-btn .liebao-ex-style-search-img-icon {
      width: 20px;
      height: 20px;
      margin-bottom: 6px;
      background-image: url();
    }

    .liebao-ex-style-vip-icon {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 20px;
      height: 12px;
      background-image: url();
    }

    .liebao-ex-style-hover-btn span {
      width: 48px;
      height: 17px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #333333;
      line-height: 17px;
    }

    .tooltipster-sidetip .tooltipster-content {
      color: white;
      line-height: 18px;
      padding: 8px 24px;
    }
  </style>
  <script src="../public/f(1).txt"></script>
  <script src="../public/f(2).txt"></script>
  <style type="text/css">
    #lb_tip_6165249516 {
      position: absolute !important;
      top: 0px !important;
      left: 0px !important;
      background-color: #FCFCFC !important;
      font-family: "微软雅黑", "宋体", simhei, simsun, sans-serif !important;
      font-size: 12px !important;
      border: 1px solid #B8B8B8 !important;
      border-radius: 4px !important;
      box-shadow: 0 5px 16px rgba(0, 0, 0, .45) !important;
      font-weight: normal !important;
    }

    #lb_tip_6165249516,
    #lb_tip_6165249516 * {
      border-radius: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    #lb_tip_article_6165249516::-webkit-scrollbar {
      width: 8px !important;
      background-color: #FCFCFC !important;
    }

    #lb_tip_article_6165249516::-webkit-scrollbar-thumb {
      -webkit-border-radius: 4px !important;
      border: 0 !important;
      background-color: #E5E5E5 !important;
    }

    #lb_tip_article_6165249516 {
      max-height: 100px !important;
      overflow-x: hidden !important;
      overflow-y: auto !important;
      margin: 8px 12px 8px 12px !important;
      line-height: 22px !important;
      color: #000000 !important;
    }

    #lb_tip_close_6165249516 {
      background-position: -66px 0 !important;
      position: absolute !important;
      top: 0 !important;
      right: 8px !important;
      cursor: pointer !important;
      font-weight: bold !important;
      font-family: SimSun, sans-serif !important;
      cursor: pointer !important;
      line-height: 35px !important;
    }

    #lb_tip_close_6165249516:hover {
      background-position: -66px -9px !important;
    }

    #lb_tip_close_6165249516:active {
      background-position: -66px -18px !important;
    }

    #lb_tip_button_6165249516 {
      border: 1px solid #B2B2B2 !important;
      background-color: #FEFEFE !important;
      background-image: -webkit-linear-gradient(top, #FEFEFE, #E1E1E1) !important;
      color: #000000 !important;
      width: 63px !important;
      height: 22px !important;
      cursor: pointer !important;
      border-radius: 3px !important;
      font-size: 12px !important;
      font-family: '微软雅黑', '宋体' !important;
    }

    #lb_tip_button_6165249516:hover {
      border: 1px solid #C58201 !important;
      background-color: #F5A101 !important;
      background-image: -webkit-linear-gradient(top, #F5A101, #E17C05) !important;
      color: #FFFFFF !important;
    }

    #lb_tip_button_6165249516:active {
      border: 1px solid #B46404 !important;
      background-color: #E27D05 !important;
      background-image: -webkit-linear-gradient(top, #E27D05, #F09702) !important;
      color: #FFFFFF !important;
    }

    #lb_tip_poweredBy_6165249516 {
      position: absolute !important;
      bottom: 0 !important;
      right: 0 !important;
      font-family: 'Arial' !important;
      font-size: 10px !important;
      color: rgba(0, 0, 0, .45) !important;
      font-style: italic !important;
    }

    #lb_tip_poweredBy_6165249516 a {
      color: rgba(0, 0, 0, .45) !important;
      text-decoration: none !important;
      line-height: 33px !important;
    }

    #lb_tip_poweredBy_6165249516 a:hover {
      text-decoration: underline !important;
    }

    #lb_tip_header_6165249516 {
      height: 35px !important;
      background-color: #FFF5E6 !important;
      color: #F2951F !important;
      padding-left: 12px !important;
      line-height: 35px !important;
      font-size: 12px !important;
      cursor: move !important;
    }

    #lb_tip_setting_6165249516 {
      cursor: pointer !important;
      text-decoration: underline !important;
      color: rgba(0, 0, 0, .57) !important;
      display: inline !important;
      font-weight: normal !important;
      line-height: 33px !important;
    }

    #lb_tip_search_6165249516 {
      position: absolute !important;
      top: 0px !important;
      left: 0px !important;
      width: 65px !important;
      height: 24px !important;
    }

    #lb_tip_footer_6165249516 {
      border-top: 1px solid #E4E4E4 !important;
      height: 33px !important;
      margin: 0 12px !important;
      position: relative !important;
    }

    .lb_dic_pronounces_6165249516 {
      line-height: 13px !important;
    }

    lb_dic_ipa_6165249516 {
      font-family: "Arial Unicode MS", "Lucida Sans Unicode" !important;
    }

    .lb_dic_sound_6165249516 {
      height: 13px !important;
      width: 15px !important;
      vertical-align: top !important;
      display: inline-block !important;
    }

    .lb_dic_details_6165249516 {
      cursor: pointer !important;
      text-decoration: underline !important;
      color: #28c !important;
    }

    #lb_tip_menu_6165249516 {
      position: absolute !important;
      width: 100px !important;
      background: #f00 !important;
      background-color: #FCFCFC !important;
      font-family: "微软雅黑", "宋体", simhei, simsun, sans-serif !important;
      font-size: 12px !important;
      border: 1px solid #B8B8B8 !important;
      border-radius: 4px !important;
      box-shadow: 0 5px 16px rgba(0, 0, 0, .45) !important;
      font-weight: normal !important;
    }

    .lb_tip_menu_item_6165249516 {
      cursor: pointer !important;
    }

    .lb_tip_menu_item_6165249516:hover {
      background: #0F0 !important;
    }
  </style>
  <style type="text/css">
    .lb_dic_sound_6165249516 {
      background: url("chrome-extension://dehbijahfabddfbolechpnlgoblcgpie/images/sound.png") no-repeat;
    }

    .lb_dic_sound_6165249516:hover {
      background: url("chrome-extension://dehbijahfabddfbolechpnlgoblcgpie/images/sound_on.png") no-repeat;
    }
  </style><noscript><img width="0" height="0" src="http://counter.kds.iciba.com/ds2rd.php?p=2367"
      style="border:none"></noscript>
  <script src="http://goto.www.iciba.com/kds2/kds2_record.js" type="text/javascript" charset="utf-8"></script>
  <script>var _kds2_p = 2367;</script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-QS0KRGL01M"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-QS0KRGL01M');
  </script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LDNT64TGCP"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-LDNT64TGCP');
  </script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-C9875QDR17"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-C9875QDR17');
  </script>
</head>

<body class="black--text" style="background-color:#f9f9f9;">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMSHTH5" height="0" width="0"
      style="display: none; visibility: hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <nav id="xgimi-navbar" class="navbar navbar-expand-md elevation-2 navbar-dark  navbar--apple black py-2 fixed-top">
    <!-- topView -->
    <div class="container">
      <a class="x-navbar-brand mr-5" href="/en/index.html"
        style="background-image: url(../public/20210510165648.png);background-size: contain;background-repeat: no-repeat;padding: 0;">
      </a>
      <div class="options">

        <span class="mdi mdi-account-outline"></span></a>
      </div>
      <div class="navbar-toggler collapsed align-items-center" id="nav-menu-btn" data-toggle="collapse"
        data-target="#menu1" style="cursor: pointer;">
        <div class="material-bar"></div>
        <div class="material-bar"></div>
        <div class="material-bar"></div>
      </div>

      <!-- 菜单 ---- start  -->
      <div class="collapse navbar-collapse" id="menu1">
        <ul class="x-nav x-navbar-nav x-navbar-brand flex-grow-1 justify-space-between">

          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/index.html">Horizon</a>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>

          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/horizon-pro.html">Horizon
              Pro</a>
          </li>
          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/elfin.html">Elfin</a>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>

          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/mogo.html">MoGo</a>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>

          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/mogo-pro.html">MoGo
              Pro</a>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>

          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/mogo-pro+.html">MoGo
              Pro+</a>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>

          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/halo.html">Halo</a>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>

          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/halo+.html">Halo+</a>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>

          <li class="navbar nav-item sm-subbar collapsed" role="presentation" data-toggle="collapse"
            data-target="#collapsibleNavbar-7" style="z-index: 1000;align-items:initial;">
            <a class="x-nav-link white--text">Accessories</a>
            <button class="navbar-toggler white--text" type="button">
              <span class="mdi mdi-plus"></span>
              <span class="mdi mdi-minus"></span>
            </button>
            <div class="subnav collapse  navbar-collapse" id="collapsibleNavbar-7">
              <ul class="sub-items navbar-nav">

                <li class="nav-item">
                  <a class="nav-link white--text" href="/en/accessories/x-desktop.html">X-Desktop</a>
                </li>

                <li class="nav-item">
                  <a class="nav-link white--text" href="/en/accessories/mogo-carrying-case.html">MoGo
                    Carrying Case</a>
                </li>

                <li class="nav-item">
                  <a class="nav-link white--text" href="/en/accessories/x-desktop-stand-pro.html">X-Desktop Stand
                    Pro</a>
                </li>

              </ul>
            </div>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>



          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>

          <li class="nav-item" role="presentation"><a class="x-nav-link white--text" href="/en/about.html">About</a>
          </li>

          <div class="d-md-none" style="padding: 0.3rem 0 0.3rem 1rem;width: 100%;">
            <div style="width: 100%; background-color: #303030;height: 1px;"></div>
          </div>




        </ul>
        <ul class="x-nav  justify-space-between">
          <li class="nav-item" role="presentation">
            <a class="x-nav-link white--text  translation-btn" href="/">VN</a>
          </li>
        </ul>
      </div>
      <!-- 菜单 ---- end  -->
    </div>
  </nav>
  <div class="nav-margin" style="width: 100%;height: 47px;"></div>

  <style>
    #menu1 #region-menu a {
      font-size: 12px;
    }

    .sm-subbar {
      padding-top: 0;
      padding-bottom: 0;
    }

    .sm-subbar .mdi-minus,
    .sm-subbar.collapsed .mdi-plus {
      display: block;
    }

    .sm-subbar .mdi-plus,
    .sm-subbar.collapsed .mdi-minus {
      display: none;
    }

    .options {
      display: none;
    }

    @media (min-width:768px) {
      .nav-item .subnav {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        background-color: black;

        opacity: 0;
      }

      .nav-item .subnav ul {
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
      }

      .nav-item .subnav ul li {
        margin: 0;
        padding: 10px 20px;
        white-space: nowrap !important
      }

      .nav-item:hover .subnav {
        opacity: 1;

        /* display: block !important; */
        visibility: visible;
      }

      .sub-items {
        margin: 0 auto;
      }
    }


    .navbar-toggler {
      position: relative;
      display: inline-block;
      width: 18px;
      height: 21px;
    }


    .material-bar {
      position: absolute;
      transition: all 0.2s;
      width: 100%;
      height: 1px;
      background-color: white;
    }

    .material-bar:first-child {
      top: 4px;
    }

    .material-bar:nth-child(2) {
      top: 10px;
    }

    .material-bar:nth-child(3) {
      bottom: 4px;
    }

    .navbar-toggler[aria-expanded="true"] .material-bar:first-child {
      top: 10px;
      transform: rotate(45deg);
    }

    .navbar-toggler[aria-expanded="true"] .material-bar:nth-child(2) {
      opacity: 0;
    }

    .navbar-toggler[aria-expanded="true"] .material-bar:nth-child(3) {
      top: 10px;
      transform: rotate(-45deg);
    }

    button:focus span {
      outline: none;
    }

    button:focus {
      outline: none;
    }

    a.x-btn {
      text-decoration: none;
    }

    a.x-navbar-brand {
      width: 120px;
      height: 19px;
    }

    @media (min-width:768px) {
      .navbar-expand-md .x-navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
      }
    }


    .x-navbar-nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
    }

    .x-nav-link {
      display: block;
      padding: .5rem 1rem;
    }

    .x-nav-link:hover {
      text-decoration: none;
    }

    .navbar--apple .x-nav-link {
      color: white;
      font-size: 14px;
    }

    .navbar--apple .navbar-toggler {
      padding: 0;
      font-size: 1.25rem;
      line-height: 1;
      border: 0;
      border-radius: 0;
    }

    .navbar--apple .navbar-toggler-icon {
      background-image: none;
      line-height: 2rem;
    }

    @media (max-width: 768px) {
      .nav-margin {
        height: 35px !important;
      }

      #xgimi-navbar {
        position: fixed !important;
      }

      #xgimi-navbar .nav-item {
        padding: 4px 0;
      }

      #xgimi-navbar .nav-item:first-child {
        margin-top: 12px;
      }

      .nav-item .subnav {
        position: relative !important;
        top: 0;
        padding-left: 40px;
      }

    }

    @media (max-width: 576px) {
      a.x-navbar-brand {
        width: 100px;
        height: 16px;
        order: 2;
        background-position: center center;
        margin: 0 !important;
      }

      .navbar--apple #menu {
        padding-left: 40px;
        padding-right: 40px;
      }

      #nav-menu-btn {
        order: 1;
      }

      .navbar--apple #menu li a {
        font-size: 17px;
        border-bottom: 1px solid grey;
      }

      .nav-item .subnav {
        position: relative !important;
        top: 0;
        padding-left: 40px;
      }

      .options {
        order: 3;
        display: flex;
        align-items: center;
      }

      .account {
        font-size: 20px;
      }

      #menu1 {
        order: 4;
      }

    }
  </style>


  <div class="fixed-view">
    <div class="x-overlay x-overlay--active" style="z-index: 2000; display: none;" tag-id=""></div>
    <div id="dialog-container" class="x-dialog__content x-dialog__content--active" tabindex="-1"
      style="z-index: 2001; display: none" tag-id="dialog-container">
      <div class="container x-card white px-0 py-4 x-dialog"></div>
    </div>
    <div id="youtube-container" class="x-dialog__content x-dialog__content--active" tabindex="-1"
      style="z-index: 2001; display: none;" tag-id="youtube-player">

    </div>
    <div id="hint-container" class="x-dialog__content x-dialog__content--active" tabindex="-1" tag-id="hint-container"
      style="z-index: 2001; display: none">
      <div id="hint-context" class="px-4 py-3 text-center x-dialog" style="
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            max-width: 200px;
          "></div>
    </div>
    <div id="goTop-btn" style="display: block;"></div>
  </div>


  <link rel="stylesheet" href="../public/xgimi.css" />
  <a id="facebook-btn" class="fixed-btn" target="_blank"
    href="https://www.facebook.com/Chuy%C3%AAn-M%C3%A1y-Chi%E1%BA%BFu-Ch%C3%ADnh-H%C3%A3ng-XGIMI-102733085317780/"></a>
  <a id="zalo-btn" class="fixed-btn" target="_blank" href="https://zalo.me/0366312374"></a>
  <a id="telphone-btn" class="fixed-btn" href="tel://0366312374">
    <i></i>0366-312-374
  </a>
  <a id="email-btn" class="fixed-btn"
    href="mailto:xgimi.pt@gmail.com?subject=Thông điệp trên trang web xgimi&body= Họ tên: %0d%0a số điện thoại: "></a>


  <script>
    $(".x-overlay").on("click", function () {
      $("#youtube-container iframe").remove();
    });
  </script>
  <style>
    .texture {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 0 0;
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
    }

    #goTop-btn {
      width: 60px;
      height: 60px;
      position: fixed;
      right: 40px;
      bottom: 80px;
      background-image: url("https://global.static.xgimi.com/images/imgs/top.png");
      background-size: 100% 100%;
      background-position: center;
      cursor: pointer;
      z-index: 99;
    }

    @media (max-width: 768px) {
      #goTop-btn {
        width: 47px;
        height: 47px;
        right: 22px;
        bottom: 73px;
      }
    }
  </style>
  <div class="container-fluid" style="min-height: 70vh">
    <!-- 
       
 
  <style>
.dialog {
  position: relative;
  max-width: 538px;
  margin: 50px auto;
  background-color: white;
  border-radius: 8px;
}

.dialog .ad_area {
  height: 200px;
  background: url("https://global.static.xgimi.com/c656b8ea04504ba2b8015f75480a1b8a");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  position: relative;
  background-color: #ffa300;
  
}

.dialog .ad_area .description {
  position: absolute;
  top: 50%;
  transform: translate(30px, -50%);
  color: #ffffff;
}

.dialog .ad_area .description .title {
  font-size: 23px;
  display: block;
}

.dialog .ad_area .description .subtitle {
  font-size: 13px;
}

.search_area {
  padding: 0 40px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dilaog-error-notify {
  margin-top: -16px;
  margin-bottom: 16px;
  display: none;
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group>.form-control,
.input-group>.form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-append,
.input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

.input-group>.input-group-append>.input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.minput {
  border-color: #FF7E00 !important;
  border-width: 1px !important;
  height: 48px !important;
  line-height: 48px !important;
  vertical-align: middle;
}

.minput:focus {
  box-shadow: none !important;
  outline: none;
}

.mbtn {
  background-color: #FF7E00;
  color: #ffffff;
  border: none;
  font-size: 13px;
}

.mbtn:focus {
  outline: none !important;
}

@media (max-width: 550px) {
  .dialog {
    margin: 50px 16px;
    min-width: 280px;
  }

  .dialog .ad_area {
    height: 150px;
    background-position: -50px;
  }

  .dialog .ad_area .description {
    transform: translate(16px, -50%);
  }

  .search_area {
    height: 60px;
    padding: 0 16px;
  }

  .minput {
    height: 32px !important;
    line-height: 32px !important;
    vertical-align: middle;
  }
}
</style>

 <div class="dialog x-dialog d-none" id="subscribe">
            <div class="ad_area">
                <div class="description">
                    <span class="title">XGIMI Newsletter</span>
                    <span class="subtitle">Get the latest news and promotions</span>
                </div>
            </div>
            <div class="search_area">
                <div class="input-group">
                    <input type="text" name="emailSubscribe" class="form-control minput" placeholder="Email"
                        aria-label="Recipient's email">
                    <div class="input-group-append">
                        <button class="input-group-text mbtn" onclick="emailSubscribe(this, 0, 'subscribe')">Subscribe</button>
                    </div>
                </div>
            </div>
            <div class="col-12 x-pr-0 x-pl-0 text-left dialog-error-text"
             style="color:red;display: none;margin-bottom: 5px">
                <div class="x-fs-8 text-center">
                    email notify
                </div>
            </div>
            <span class="mdi mdi-close x-dialog-close"
                style="position:absolute;top:0;right:4px;z-index:100;font-size:24px;color:white;cursor:pointer;"></span>
        </div>


     -->



    <section id="QA-Dialog" class="container d-none x-dialog" data-index="-1" style="padding: 0;position:relative;">


      <div class="row  x-mr-0 x-ml-0" style="position:relative;background-color:white;">











        <div class="col-12 qa-card  " card-index="0">

          <div class=" row  " style="position:relative;">













            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-32 x-pb-32 " style="position:relative;background-color:#4EC3F7;">









                <div class=" col-12  x-pr-0 x-pl-0 text-center" style="position:relative;color:white;">

                  <div class="x-fs-32 x-fw-  " style="">
                    Product-FAQ
                  </div>

                </div>


              </div>

            </div>









            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Where is the serial number located?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    1) The 12-digit SN number is usually on the bottom of your projector 2) Or you can find it in system
                    info: System Settings - System Information - Serial Number
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="1">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Can I switch to the global version if I have a Chinese projector?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    For a more convenient and better user experience, we have a global version for overseas customers.
                    This system is completely different from the Chinese version. To avoid any possible compatibility
                    issues, booting issues or system crashes, please don't switch the firmware between these two
                    versions. XGIMI is not liable for the above issues.
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="2">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    How large can XGIMI project?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">
                    The projection ratio is the ratio of the distance between the lens and the screen and the screen
                    size; when the distance between the lens and the screen is the same, the smaller the projection
                    ratio, the larger the projection screen. 254 cm to 3 meters. Halo+ : 1.2: 1 (30-300 '') Z6: 1.2: 1
                    (30-180 '') MoGo Series: 1.2: 1 (30-100 + ''), Halo: 1.2: 1 (30-300'')
                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>


        <div class="col-12 qa-card  " card-index="1">

          <div class=" row  " style="position:relative;">













            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-32 x-pb-32 " style="position:relative;background-color:#4EC3F7;">









                <div class=" col-12  x-pr-0 x-pl-0 text-center" style="position:relative;color:white;">

                  <div class="x-fs-32 x-fw-  " style="">
                    Remote Control
                  </div>

                </div>


              </div>

            </div>









            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    How to pair with the Bluetooth remote control?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Place the remote control within 10 cm of the device, press the “return” and “home” buttons on the
                    remote control at the same time, release buttons when the indicator light flashes continuously.
                    After hearing a “ding” sound, pairing is successful. If pairing fails, exit pairing mode and wait 30
                    seconds before following the above steps to pair again.
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="1">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Does the XGIMI Assistant App feature a remote control function?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes, it does. The XGIMI Assistant app can work as an alternative remote control, it also features a
                    number of additional useful functions. Step 1: Download XGIMI Assistant on your phone Step 2:
                    Connect your projector to the same Wi-Fi signal as your phone Step 3: Open the XGIMI app on your
                    projector to search for the closest device or scan​ the QR code on your projector.
                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>


        <div class="col-12 qa-card  " card-index="2">

          <div class=" row  " style="position:relative;">













            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-32 x-pb-32 " style="position:relative;background-color:#4EC3F7;">









                <div class=" col-12  x-pr-0 x-pl-0 text-center" style="position:relative;color:white;">

                  <div class="x-fs-32 x-fw-  " style="">
                    Software
                  </div>

                </div>


              </div>

            </div>









            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Can I sideload Android apps onto my XGIMI projector?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes, you can download the APK from the Internet and install them via a USB drive: 1. Change the APK
                    suffix to Apk.1 on your computer: e.g. change youtube.apk to youtube.apk.1 P.S.: The suffix
                    limitation will be removed soon, and you will no longer have to change the suffix. 2. Copy the APK
                    to the root directory of the U-disk. 3. Plug the USB into your projector: "File Manager" -
                    "Removable Storage" - "APK " short press ok - choose "Others" - open with "package installer" -
                    "install".
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="1">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Will the software be supported/updated?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes, there will be continuous support and optimization from the XGIMI tech team.
                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>


        <div class="col-12 qa-card  " card-index="3">

          <div class=" row  " style="position:relative;">













            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-32 x-pb-32 " style="position:relative;background-color:#4EC3F7;">









                <div class=" col-12  x-pr-0 x-pl-0 text-center" style="position:relative;color:white;">

                  <div class="x-fs-32 x-fw-  " style="">
                    Audio
                  </div>

                </div>


              </div>

            </div>









            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Can I connect my external speakers to XGIMI?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes, you can connect your external speakers to XGIMI via HDMI (arc), Bluetooth and AUX jack
                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>


        <div class="col-12 qa-card  " card-index="4">

          <div class=" row  " style="position:relative;">













            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-32 x-pb-32 " style="position:relative;background-color:#4EC3F7;">









                <div class=" col-12  x-pr-0 x-pl-0 text-center" style="position:relative;color:white;">

                  <div class="x-fs-32 x-fw-  " style="">
                    Connection
                  </div>

                </div>


              </div>

            </div>









            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Can I mirror the screen of my device on XGIMI?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes, there are many ways for you to stream content from your device to XGIMI projectors. 1. With
                    Wi-Fi, make sure your device and XGIMI projector are connected to the same Wi-Fi, then mirror the
                    device via Airplay, DLNA, XGIMI Assistant (Android device), Miracast; 2. Without Wi-Fi, turn on the
                    hotspot function (H2/Z6), connect your device with the XGIMI hotspot in the Wi-Fi settings for your
                    device. Then mirror the device via methods mentioned in 1; 3. Wired: HDMI;
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="1">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Will XGIMI projectors work with other external devices like hard drives, laptops, TV boxes and PS4s?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes, you can connect them to your XGIMI projector via the USB or HDMI port.
                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>


        <div class="col-12 qa-card  " card-index="5">

          <div class=" row  " style="position:relative;">













            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-32 x-pb-32 " style="position:relative;background-color:#4EC3F7;">









                <div class=" col-12  x-pr-0 x-pl-0 text-center" style="position:relative;color:white;">

                  <div class="x-fs-32 x-fw-  " style="">
                    Image
                  </div>

                </div>


              </div>

            </div>









            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Do XGIMI projectors support auto-focus?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes! Both auto and manual focus are available. Auto-focus: 1- Switch the function key on the remote
                    control to the right, the device will automatically focus. 2- Turn on "Auto focus when power on" and
                    the device will automatically be focused when turned on. Manual-focus: Switch the function key on
                    the remote control to the right, press the +/- button to manually adjust the focus.
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="1">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Do XGIMI projectors support keystone correction?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes! Both vertical keystone correction and horizontal keystone correction are supported.
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="2">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Do XGIMI projectors have an MEMC (Motion Compensation) function?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Yes! Our products use motion compensation technology through a specific algorithm to solve image
                    flutter and tailing problems when projecting high dynamic images. It significantly increases the
                    clarity and fidelity of dynamic pictures; it will be the perfect companion for watching sports and
                    playing games.
                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>


        <div class="col-12 qa-card  " card-index="6">

          <div class=" row  " style="position:relative;">













            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-32 x-pb-32 " style="position:relative;background-color:#4EC3F7;">









                <div class=" col-12  x-pr-0 x-pl-0 text-center" style="position:relative;color:white;">

                  <div class="x-fs-32 x-fw-  " style="">
                    Contact us
                  </div>

                </div>


              </div>

            </div>









            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    Customer Service
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">
                    <p class="p1">Email Support<span class="s1">：</span></p>
                    <ul class="ul1">
                      <li class="li1">service-usa@xgimi.com (North America)</li>
                      <li class="li1">service-eu@xgimi.com (Europe)</li>
                      <li class="li1">service-jp@xgimi.com (Japan)</li>
                      <li class="li1">service@xgimi.com (Global)<span class="Apple-converted-space">&nbsp;</span></li>
                    </ul>
                    <p class="p1">Hotline Support:</p>
                    <p class="p1">North America :+1 833 325 1055 (Available Monday through Friday 9 AM – 9 PM Pacific
                      Time<span class="s1">）</span></p>
                    <p class="p1">The other regions will be online in May and June.</p>
                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>


        <div class="col-12 qa-card  " card-index="7">

          <div class=" row  " style="position:relative;">













            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-32 x-pb-32 " style="position:relative;background-color:#4EC3F7;">









                <div class=" col-12  x-pr-0 x-pl-0 text-center" style="position:relative;color:white;">

                  <div class="x-fs-32 x-fw-  " style="">
                    Warranty
                  </div>

                </div>


              </div>

            </div>









            <div class="col-12  " card-index="0">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    What's your warranty policy?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    We currently offer a one-year warranty period for projectors bought directly from XGIMI or from
                    XGIMI official stores. Please contact us via email for more details on the warranty process:
                    service@xgimi.com. For projectors bought from authorized resellers, please contact the relevant
                    sales channels for further steps.
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="1">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    How do I register my projector to get the warranty?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Every projector is required to be registered after being activated, customers get one-year warranty
                    for projectors from the day of activation. Register link: https://www.xgimi.com/en/warranty
                  </div>

                </div>


              </div>

            </div>


            <div class="col-12  " card-index="2">

              <div class=" row  x-pt-16 x-pr-48 x-pl-48 " style="position:relative;">









                <div class=" col-12  x-mt-16 x-pr-0 x-pb-8 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-700  " style="">
                    How do I get my projector repaired within warranty?
                  </div>

                </div>



                <div class=" col-12  x-pr-0 x-pb-16 x-pl-0" style="position:relative;">

                  <div class="x-fs-20 x-fw-  " style="">


                    Within one-year warranty, XGIMI is liable for maintenance services. Please contact us with the below
                    verified information for further checks: service@xgimi.com
                    1. 12-digit serial number
                    2. Purchasing platform and date
                    3. Detailed problem description

                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>



      </div>
      <span class="mdi mdi-close x-dialog-close"
        style="position:absolute;top:0;right:4px;z-index:100;font-size:24px;color:white;cursor:pointer;"></span>

    </section>






    <section id="Choose your product" class="container-fluid " data-index="-1" style="padding: 0;position:relative;">


      <div class="row " style="position:relative;color:#777;">










        <div class="col-12  " card-index="0">

          <div class=" row  " style="position:relative;">









            <div class=" col-12  x-pt-128 x-pb-96 x-pl-0 text-center" style="position:relative;">

              <div class="x-fs-48 x-fw-  " style="">
                Choose your product
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-4 col-12  " card-index="0">
          <a class=" x-link" href="https://www.xgimi.com/en/support/mogo">
            <div class=" row  x-mr-8 x-mb-16 x-ml-8 x-pr-0 x-pl-0 text-center x-card x-hover"
              style="position:relative;color:#555;background-color:#f9f9f9;">









              <div class=" col-12  x-pr-0 x-pl-0 x-height-256" style="position:relative;">
                <div class="d-none d-md-block img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/a6973887d2b19d954de25b9d6c3cf79e&#39;);width:100%;height:100%">
                </div>
                <div class="d-none d-sm-block d-md-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/a6973887d2b19d954de25b9d6c3cf79e&#39;);width:100%;height:100%">
                </div>
                <div class="d-xs-block d-sm-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/a6973887d2b19d954de25b9d6c3cf79e&#39;);width:100%;height:100%">
                </div>
              </div>



              <div class=" col-12  x-pt-32 x-pr-32 x-pb-32 x-pl-32 text-center" style="position:relative;color:#555;">

                <div class="x-fs-32 x-fw-  " style="">
                  MoGo
                </div>

              </div>


            </div>
          </a>
        </div>





        <div class="col-xl-4 col-12  " card-index="0">
          <a class=" x-link" href="https://www.xgimi.com/en/support/mogopro">
            <div class=" row  x-mr-8 x-mb-16 x-ml-8 x-pr-0 x-pl-0 text-center x-card x-hover"
              style="position:relative;color:#555;background-color:#f9f9f9;">









              <div class=" col-12  x-pr-0 x-pl-0 x-height-256" style="position:relative;">
                <div class="d-none d-md-block img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/11b977d0cc6afa51fc789e80b258a642&#39;);width:100%;height:100%">
                </div>
                <div class="d-none d-sm-block d-md-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/11b977d0cc6afa51fc789e80b258a642&#39;);width:100%;height:100%">
                </div>
                <div class="d-xs-block d-sm-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/11b977d0cc6afa51fc789e80b258a642&#39;);width:100%;height:100%">
                </div>
              </div>



              <div class=" col-12  x-pt-32 x-pr-32 x-pb-32 x-pl-32 text-center" style="position:relative;color:#555;">

                <div class="x-fs-32 x-fw-  " style="">
                  MoGo Pro
                </div>

              </div>


            </div>
          </a>
        </div>





        <div class="col-xl-4 col-12  " card-index="0">
          <a class=" x-link" href="https://www.xgimi.com/en/support/halo">
            <div class=" row  x-mr-8 x-mb-16 x-ml-8 x-pr-0 x-pl-0 text-center x-card x-hover"
              style="position:relative;color:#555;background-color:#f9f9f9;">









              <div class=" col-12  x-pr-0 x-pl-0 x-height-256" style="position:relative;">
                <div class="d-none d-md-block img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/07edcb7fb4f238a18fb3b32234ce289f&#39;);width:100%;height:100%">
                </div>
                <div class="d-none d-sm-block d-md-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/07edcb7fb4f238a18fb3b32234ce289f&#39;);width:100%;height:100%">
                </div>
                <div class="d-xs-block d-sm-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/07edcb7fb4f238a18fb3b32234ce289f&#39;);width:100%;height:100%">
                </div>
              </div>



              <div class=" col-12  x-pt-32 x-pr-32 x-pb-32 x-pl-32 text-center" style="position:relative;color:#555;">

                <div class="x-fs-32 x-fw-  " style="">
                  Halo
                </div>

              </div>


            </div>
          </a>
        </div>





        <div class="col-xl-4 col-12  " card-index="0">
          <a class=" x-link" href="https://www.xgimi.com/en/support/h2">
            <div class=" row  x-mr-8 x-mb-16 x-ml-8 x-pr-0 x-pl-0 text-center x-card x-hover"
              style="position:relative;color:#555;background-color:#f9f9f9;">









              <div class=" col-12  x-pr-0 x-pl-0 x-height-256" style="position:relative;">
                <div class="d-none d-md-block img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/97c9c8682bab06b0e19b7c09dcf8e303&#39;);width:100%;height:100%">
                </div>
                <div class="d-none d-sm-block d-md-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/97c9c8682bab06b0e19b7c09dcf8e303&#39;);width:100%;height:100%">
                </div>
                <div class="d-xs-block d-sm-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/97c9c8682bab06b0e19b7c09dcf8e303&#39;);width:100%;height:100%">
                </div>
              </div>



              <div class=" col-12  x-pt-32 x-pr-32 x-pb-32 x-pl-32 text-center" style="position:relative;color:#555;">

                <div class="x-fs-32 x-fw-  " style="">
                  Halo+
                </div>

              </div>


            </div>
          </a>
        </div>





        <div class="col-xl-4 col-12  " card-index="0">
          <a class=" x-link" href="https://www.xgimi.com/en/support/z6">
            <div class=" row  x-mr-8 x-mb-16 x-ml-8 x-pr-0 x-pl-0 text-center x-card x-hover"
              style="position:relative;color:#555;background-color:#f9f9f9;">









              <div class=" col-12  x-pr-0 x-pl-0 x-height-256" style="position:relative;">
                <div class="d-none d-md-block img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/9a62f27f9c8782d8daa054734b79583d&#39;);width:100%;height:100%">
                </div>
                <div class="d-none d-sm-block d-md-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/9a62f27f9c8782d8daa054734b79583d&#39;);width:100%;height:100%">
                </div>
                <div class="d-xs-block d-sm-none img-cover"
                  style="background-image: url(&#39;https://global.static.xgimi.com/9a62f27f9c8782d8daa054734b79583d&#39;);width:100%;height:100%">
                </div>
              </div>



              <div class=" col-12  x-pt-32 x-pr-32 x-pb-32 x-pl-32 text-center" style="position:relative;color:#555;">

                <div class="x-fs-32 x-fw-  " style="">
                  Z6
                </div>

              </div>


            </div>
          </a>
        </div>


      </div>


    </section>






    <section id="Trouble Shooting" class="container " data-index="-1" style="padding: 0;position:relative;">


      <div class="row " style="position:relative;">










        <div class="col-12  " card-index="0">

          <div class=" row  " style="position:relative;color:#777;">









            <div class=" col-12  x-pt-128 x-pb-96 x-pl-0 text-center" style="position:relative;">

              <div class="x-fs-48 x-fw-  " style="">
                Hot Topics
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-3 col-6  dialog-trigger" dialog-id="QA-Dialog" card-index="0">

          <div class=" row  x-pt-48 x-pb-48 text-center x-card x-hover bg-f9"
            style="position:relative;background-color:white;">









            <div class=" col-12  x-mb-24 x-pt-8 x-pr-0 x-pl-0 x-height-96" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/8d876dbd930a23155ed019c20df909cb&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/8d876dbd930a23155ed019c20df909cb&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/8d876dbd930a23155ed019c20df909cb&#39;);width:100%;height:100%">
              </div>
            </div>



            <div class=" col-12  x-pr-32 x-pl-32 text-center" style="position:relative;">

              <div class="x-fs-24 x-fw-  " style="">
                Product Q&amp;A
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-3 col-6  dialog-trigger" dialog-id="QA-Dialog" card-index="0">

          <div class=" row  x-pt-48 x-pb-48 text-center x-card x-hover bg-f9"
            style="position:relative;background-color:white;">









            <div class=" col-12  x-mb-24 x-pt-8 x-pr-0 x-pl-0 x-height-96" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/6f5152ca726753aae4f9df839ee66799&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/6f5152ca726753aae4f9df839ee66799&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/6f5152ca726753aae4f9df839ee66799&#39;);width:100%;height:100%">
              </div>
            </div>



            <div class=" col-12  x-pr-32 x-pl-32 text-center" style="position:relative;">

              <div class="x-fs-24 x-fw-  " style="">
                Remote control
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-3 col-6  dialog-trigger" dialog-id="QA-Dialog" card-index="0">

          <div class=" row  x-pt-48 x-pb-48 text-center x-card x-hover bg-f9"
            style="position:relative;background-color:white;">









            <div class=" col-12  x-mb-24 x-pt-8 x-pr-0 x-pl-0 x-height-96" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/638c72bafe4969f785923fd6b9c184dd&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/638c72bafe4969f785923fd6b9c184dd&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/638c72bafe4969f785923fd6b9c184dd&#39;);width:100%;height:100%">
              </div>
            </div>



            <div class=" col-12  x-pr-32 x-pl-32 text-center" style="position:relative;">

              <div class="x-fs-24 x-fw-  " style="">
                Software
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-3 col-6  dialog-trigger" dialog-id="QA-Dialog" card-index="0">

          <div class=" row  x-pt-48 x-pb-48 text-center x-card x-hover bg-f9"
            style="position:relative;background-color:white;">









            <div class=" col-12  x-mb-24 x-pt-8 x-pr-0 x-pl-0 x-height-96" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/efe9307030206f2ee69b7e6dd82737e3&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/efe9307030206f2ee69b7e6dd82737e3&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/efe9307030206f2ee69b7e6dd82737e3&#39;);width:100%;height:100%">
              </div>
            </div>



            <div class=" col-12  x-pr-32 x-pl-32 text-center" style="position:relative;">

              <div class="x-fs-24 x-fw-  " style="">
                Audio
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-3 col-6  dialog-trigger" dialog-id="QA-Dialog" card-index="0">

          <div class=" row  x-pt-48 x-pb-48 text-center x-card x-hover bg-f9"
            style="position:relative;background-color:white;">









            <div class=" col-12  x-mb-24 x-pt-8 x-pr-0 x-pl-0 x-height-96" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/5603e423670bd274093ab1091dfe34c9&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/5603e423670bd274093ab1091dfe34c9&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/5603e423670bd274093ab1091dfe34c9&#39;);width:100%;height:100%">
              </div>
            </div>



            <div class=" col-12  x-pr-32 x-pl-32 text-center" style="position:relative;">

              <div class="x-fs-24 x-fw-  " style="">
                Connection
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-3 col-6  dialog-trigger" dialog-id="QA-Dialog" card-index="0">

          <div class=" row  x-pt-48 x-pb-48 text-center x-card x-hover bg-f9"
            style="position:relative;background-color:white;">









            <div class=" col-12  x-mb-24 x-pt-8 x-pr-0 x-pl-0 x-height-96" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/b4e3eadfb0a8222488458dd3a91b8f38&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/b4e3eadfb0a8222488458dd3a91b8f38&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/b4e3eadfb0a8222488458dd3a91b8f38&#39;);width:100%;height:100%">
              </div>
            </div>



            <div class=" col-12  x-pr-32 x-pl-32 text-center" style="position:relative;">

              <div class="x-fs-24 x-fw-  " style="">
                Image
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-3 col-6  dialog-trigger" dialog-id="QA-Dialog" card-index="0">

          <div class=" row  x-pt-48 x-pb-48 text-center x-card x-hover bg-f9"
            style="position:relative;background-color:white;">









            <div class=" col-12  x-mb-24 x-pt-8 x-pr-0 x-pl-0 x-height-96" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/5002316f8fc09ac741b34339d4aed752&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/5002316f8fc09ac741b34339d4aed752&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/5002316f8fc09ac741b34339d4aed752&#39;);width:100%;height:100%">
              </div>
            </div>



            <div class=" col-12  x-pr-32 x-pl-32 text-center" style="position:relative;">

              <div class="x-fs-24 x-fw-  " style="">
                Contact us
              </div>

            </div>


          </div>

        </div>





        <div class="col-xl-3 col-6  dialog-trigger" dialog-id="QA-Dialog" card-index="0">

          <div class=" row  x-pt-48 x-pb-48 text-center x-card x-hover bg-f9"
            style="position:relative;background-color:white;">









            <div class=" col-12  x-mb-24 x-pt-8 x-pr-0 x-pl-0 x-height-96" style="position:relative;">
              <div class="d-none d-md-block img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/395ef4a24b71b8304ff1f3c2c4a3c62a&#39;);width:100%;height:100%">
              </div>
              <div class="d-none d-sm-block d-md-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/395ef4a24b71b8304ff1f3c2c4a3c62a&#39;);width:100%;height:100%">
              </div>
              <div class="d-xs-block d-sm-none img-contain"
                style="background-image: url(&#39;https://global.static.xgimi.com/395ef4a24b71b8304ff1f3c2c4a3c62a&#39;);width:100%;height:100%">
              </div>
            </div>



            <div class=" col-12  x-pr-32 x-pl-32 text-center" style="position:relative;">

              <div class="x-fs-24 x-fw-  " style="">
                Warranty
              </div>

            </div>


          </div>

        </div>





        <div class="col-12  " card-index="0">

          <div class=" row  x-pt-0 " style="position:relative;height:1px;">









            <div class=" col-12  x-pr-0 x-pl-0" style="position:relative;background-color:#f2f2f2;height:1px;">

              <div class="x-fs- x-fw-  " style="">

              </div>

            </div>


          </div>

        </div>


      </div>


    </section>






    <section id="Help Video" class="container " data-index="-1" style="padding: 0;position:relative;">


      <div class="row " style="position:relative;color:#777;">










        <div class="col-12  " card-index="0">

          <div class=" row  " style="position:relative;">









            <div class=" col-12  x-pt-128 x-pb-96 x-pl-0 text-center" style="position:relative;">

              <div class="x-fs-48 x-fw-  " style="">
                Support Videos
              </div>

            </div>


          </div>

        </div>





        <div class="col-12  " card-index="0">

          <div class=" row  x-mr-8 x-mb-16 x-ml-8 x-pr-0 x-pl-0 text-center " style="position:relative;color:#555;">














            <div class="col-xl-4 col-6  " card-index="0">

              <div class=" row  " style="position:relative;">









                <div class=" col-12  x-pt-16 x-pr-8 x-pb-16 x-pl-8 x-height-256" style="position:relative;normal">






                  <div class="video-card" youtube-src="https://www.youtube.com/embed/dG5NfqU2DOo"
                    style="height:100%;width:100%;background-image: url(https://img.youtube.com/vn/dG5NfqU2DOo/0.jpg);">
                    <div class="video-card-mask">
                      <div style="width: 100%;text-align: center;"><span class="mdi mdi-play-circle"
                          style="color: white;font-size: 96px;"></span></div>
                    </div>
                  </div>

                </div>


              </div>

            </div>


            <div class="col-xl-4 col-6  " card-index="1">

              <div class=" row  " style="position:relative;">









                <div class=" col-12  x-pt-16 x-pr-8 x-pb-16 x-pl-8 x-height-256" style="position:relative;normal">






                  <div class="video-card" youtube-src="https://www.youtube.com/embed/umLoc2GUS50"
                    style="height:100%;width:100%;background-image: url(https://img.youtube.com/vn/umLoc2GUS50/0.jpg);">
                    <div class="video-card-mask">
                      <div style="width: 100%;text-align: center;"><span class="mdi mdi-play-circle"
                          style="color: white;font-size: 96px;"></span></div>
                    </div>
                  </div>

                </div>


              </div>

            </div>


            <div class="col-xl-4 col-6  " card-index="2">

              <div class=" row  " style="position:relative;">









                <div class=" col-12  x-pt-16 x-pr-8 x-pb-16 x-pl-8 x-height-256" style="position:relative;normal">






                  <div class="video-card" youtube-src="https://www.youtube.com/embed/NN17bbSjEzg"
                    style="height:100%;width:100%;background-image: url(https://img.youtube.com/vn/NN17bbSjEzg/0.jpg);">
                    <div class="video-card-mask">
                      <div style="width: 100%;text-align: center;"><span class="mdi mdi-play-circle"
                          style="color: white;font-size: 96px;"></span></div>
                    </div>
                  </div>

                </div>


              </div>

            </div>


            <div class="col-xl-4 col-6  " card-index="3">

              <div class=" row  " style="position:relative;">









                <div class=" col-12  x-pt-16 x-pr-8 x-pb-16 x-pl-8 x-height-256" style="position:relative;normal">






                  <div class="video-card" youtube-src="https://www.youtube.com/embed/EeSGPp_5SKo"
                    style="height:100%;width:100%;background-image: url(https://img.youtube.com/vn/EeSGPp_5SKo/0.jpg);">
                    <div class="video-card-mask">
                      <div style="width: 100%;text-align: center;"><span class="mdi mdi-play-circle"
                          style="color: white;font-size: 96px;"></span></div>
                    </div>
                  </div>

                </div>


              </div>

            </div>




          </div>

        </div>


      </div>


    </section>




  </div>


  <footer class="page-footer">
    <div class="container">
      <div class="row justify-space-between">

        <div class="col-6 col-md-2">
          <h4>Product</h4>
          <ul class="footer-links">

            <li><a href="/en/index.html">Horizon</a></li>
            <li><a href="/en/horizon-pro.html">Horizon Pro</a></li>
            <li><a href="/en/elfin.html">Elfin</a></li>
            <li><a href="/en/mogo.html">MoGo</a></li>

            <li><a href="/en/mogo-pro.html">MoGo Pro</a></li>
            <li><a href="/en/mogo-pro+.html">MoGo Pro+</a></li>

            <li><a href="/en/halo.html">Halo</a></li>

            <li><a href="/en/halo+.html">Halo+</a></li>

          </ul>
        </div>
        <div class="col-6 col-md-2">
          <h4>Accessories</h4>
          <ul class="footer-links">

            <li><a href="/en/accessories/x-desktop.html">X-Desktop</a></li>
            <li><a href="/en/accessories/mogo-carrying-case.html">MoGo Carrying Case</a></li>

            <li><a href="/en/accessories/x-desktop-stand-pro.html">X-Desktop Stand Pro</a></li>


          </ul>
        </div>
        <div class="col-6 col-md-2">
          <h4>XGIMI</h4>
          <ul class="footer-links">

            <li><a href="/en/about.html">About Us</a></li>

            <li><a href="/en/contactUs.html">Contact Us</a></li>

          </ul>
        </div>

        <div class="col-6 col-md-2">

        </div>

        <div class="col-6 col-md-2">

        </div>

        <div class="col-12 col-md-4">

        </div>
      </div>

    </div>
    <div class="container py-3">
      <div class="footer-legal">
        <div class="d-inline-block copyright">
          <p class="d-inline-block">© 2021 XGIMI
          </p>
        </div>
      </div>
    </div>
  </footer>

  <style>
    a,
    a:hover,
    a:active,
    a:link,
    active {
      color: inherit;
      text-decoration: none;
    }

    .pl-formAreaEmail {}

    .page-footer a:hover {
      color: #42A5F5;
    }

    .formArea input {
      display: inline-block;
      float: left;
      width: 60%;
      height: 25px;
      font-size: 12px;
      background-color: transparent;
      border: none;
      color: #fff;
      caret-color: white;
      outline: none;
      blr: expression(this.onFocus=this.blur());
      font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    }

    .formArea .button1 {
      margin-top: 4px;
      width: 38%;
      color: #009f95;
      font-size: 14px;
      cursor: pointer;
      text-align: right;
    }

    .notice {
      margin-top: 8px;
      border-top: 1px solid #fff;
    }

    .fail {
      display: block;
    }

    .page-footer .notice p.success {
      color: #00b127 !important;
      display: block;
    }

    .page-footer .notice p {
      color: #ff0000;
      font-size: 13px;
      margin-top: 10px;
      height: 20px;
    }

    .page-footer {
      background-color: black;
      padding-top: 50px;
      padding-bottom: 10px;
    }

    .page-footer h4 {
      color: #878794;
      font-size: 16px;
      font-weight: bold;
    }

    .page-footer p {
      color: #e4e7eb;
      font-size: 13px;
    }

    .page-footer .footer-links {
      list-style: none;
      padding: 0;
      margin-top: 24px;
      margin-bottom: 45px;
      word-break: break-all;
    }

    .page-footer .footer-links a {
      color: #e4e7eb;
      font-size: 16px;
    }

    .page-footer .footer-links li {
      margin-bottom: 5px;
      line-height: 1.3;
    }

    .page-footer .footer-legal .copyright {
      margin-right: 60px;
    }

    .page-footer .footer-legal .legal-links .item {
      color: #878794;
      padding-right: 13px;
      border-right: 1px solid #ccc;
      margin: 0;
      margin-right: 13px;
    }

    .page-footer .footer-legal .legal-links .item:last-child {
      border-right: none;
    }

    .page-footer .footer-legal .legal-links .item h5 {
      font-size: 11px;
      margin-top: 0;
      margin-bottom: 0;
    }

    .page-footer .region {
      margin-bottom: 20px;
    }

    .page-footer .region a {
      color: #555;
      font-size: 11px;
    }

    .page-footer .region img {
      margin-right: 7px;
    }

    .page-footer i {
      color: #878794;
    }

    .page-footer i:hover {
      color: #e4e7eb;
    }

    .region-menu {
      border-radius: 0;
      background-color: white;
      padding: 10px 14px;
    }

    .region-menu li {
      padding: 12px 0;
    }

    .region-menu li+li {
      border-top: 1px solid #e0e0e0;
    }

    .region-menu a {
      display: inline-block;
      min-width: 100%;
    }

    .region-menu img {
      margin-right: 12px;
      width: 20px;
      height: 20px;
    }

    .region-menu li img,
    .region-menu li span {
      color: #333333;
      vertical-align: middle;
    }

    .region-menu li:hover span {
      color: #4FC3F7;
    }

    @media (min-width: 768px) {
      .page-footer .region {
        margin-bottom: 0;
      }
    }

    @media (max-width: 576px) {
      .region-menu {
        height: 300px;
        overflow-y: scroll;
      }
    }
  </style>
  <link rel="stylesheet" href="../public/materialdesignicons.min.css">
  <nav class="octotree_sidebar">
    <div class="view-header">
      <div class="header-close"></div>
      <div class="header-title">共12张图片</div>
      <div class="header-tools"><input class="liebao-ex-style-check-all" type="checkbox">全选<div
          class="liebao-ex-style-image-settings"></div>
      </div>
    </div>
    <div class="liebao_browser_imglst"></div>
    <div class="liebao-ex-style-download-btn-cntr">
      <div class="liebao-ex-style-download-btn">下载0张图</div>
    </div>
  </nav>
  <div class="octotree_toggle">☰</div>
  <script src="../public/bootstrap.min.js"></script>
  <script src="../public/xgimi-website-v3.js"></script>

  <script>

    $("#goTop-btn").hide();
    $(function () {
      $(window).scroll(function () {
        if ($(window).scrollTop() > 50) {
          $("#goTop-btn").fadeIn(200);
        } else {
          $("#goTop-btn").fadeOut(200);
        }
      });
      $("#goTop-btn").click(function () {
        $('body,html').animate({
          scrollTop: 0
        },
          500);
        return false;
      });
    });
  </script>

  <style>
    body {
      font-family: "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

    video::-webkit-media-controls {
      display: none !important;
    }

    video::-webkit-media-controls-play-button {}

    video::-webkit-media-controls-timeline {}

    video::-webkit-media-controls-current-time-display {}

    video::-webkit-media-controls-time-remaining-display {}

    video::-webkit-media-controls-mute-button {}

    video::-webkit-media-controls-toggle-closed-captions-button {}

    video::-webkit-media-controls-volume-slider {}

    .x-btn--small {
      padding-left: 12px;
      padding-right: 12px;
    }

    .flex-1 {
      flex-grow: 1;
    }

    section {
      max-width: 2560px;
    }

    .x-full-height {
      min-height: 100%;
    }

    @media (max-width: 576px) {

      .text-left .x-fs-20.x-fw-400,
      .text-left .x-fs-64 {
        text-align: center !important;
      }

      .x-fs-64.x-fw-300 {
        line-height: 1.3;
      }
    }

    [has-height="true"] .img-background,
    [has-height="true"] .img-cover {
      background-size: auto 100% !important;
    }

    .x-card {
      min-height: 100%;
    }
  </style>


  <script type="text/javascript" id="" src="../public/js"></script>
  <script type="text/javascript"
    id="">window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag("js", new Date); gtag("config", "AW-699771446");</script>
  <iframe data-product="web_widget" title="No content" tabindex="-1" aria-hidden="true"
    src="../public/saved_resource.html"
    style="width: 0px; height: 0px; border: 0px; position: absolute; top: -9999px;"></iframe>
  <div _lego="translate"
    style="position: absolute; display: none; margin: 0px; padding: 0px; border: none; text-align: left; z-index: 999999; overflow: visible; left: 1150px; top: 2044px;">
    <div id="lb_tip_6165249516" style="display: none;">
      <div id="lb_tip_header_6165249516"><span style="line-height:35px !important;color:#F2951F;"></span>
        <div id="lb_tip_close_6165249516">×</div>
      </div>
      <div id="lb_tip_article_6165249516"></div>
      <div id="lb_tip_footer_6165249516"><label id="lb_tip_setting_6165249516">关闭划词翻译</label>
        <div id="lb_tip_poweredBy_6165249516"></div>
      </div>
      <div id="lb_tip_search_6165249516" style="display:none"></div>
      <div id="lb_tip_menu_6165249516" style="display:none">
        <div id="lb_tip_menu_copy_6165249516" class="lb_tip_menu_item_6165249516">复制</div>
        <div id="lb_tip_menu_copyAll_6165249516" class="lb_tip_menu_item_6165249516">复制全部</div>
      </div>
    </div><input id="lb_tip_button_6165249516" style="left: auto; right: auto; top: auto; bottom: auto; display: block;"
      type="button" value="翻译">
  </div>
</body>

</html>